<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>京东</title>
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/jd.css">
	
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/vue2.js"></script>
	<script src="js/common.js"></script>
	<script src="js/jd.js"></script>
</head>
<body>
	<div class="jd-header">
		<div class="jd-header-top">
			<div class="jd-header-back"><a href="javascript:;"><span></span></a></div>
			<div class="jd-header-my">我的京东</div>
			<div class="jd-header-coll"><a href="javascript:;"><i></i></a></div>
		</div>
		<a name="top"></a>
		<ul class="jd-header-menu">
			<li><a href="index.html">
				<span class="home"></span>
				<em>首页</em>
			</a></li>
			<li><a href="category.html">
				<span class="search"></span>
				<em>分类搜索</em>
			</a></li>
			<li><a href="javascript:;">
				<span class="buycar"></span>
				<em>购物车</em>
			</a></li>
			<li class="active"><a href="my.html">
				<span class="mineJd"></span>
				<em>我的京东</em>
			</a></li>
		</ul>
	</div>
	<div id="recommendList" class="w100" style="background: #f0f2f5;">
		<div class="jd-contain">	
			<div class="jd-vip">
				<div class="jd-vip-pic">
					<img src="img/582819beNe89ce16d.png">
				</div>
				<div class="jd-vip-info clear-fix">
					<div class="jd-vip-pers fl">
						<img src="img/newDefaul.png">
					</div>
					<div class="jd-vip-regist fl">
						<p>jd_3a9cv9876a877</p>
						<div>
							<span>注册会员</span>
							<div class="i">
								<span>
								<em></em>
								<b>立享PLUS特权</b>
							</span>
							</div>
						</div>
					</div>
					<div class="jd-vip-count">账户管理</div>
				</div>
				<ul class="clear-fix">
					<a href="javascript:;"><li><p>0</p><span>关注的商品</span></li></a>
					<a class="middle" href="javascript:;"><li><p>0</p><span>关注的店铺</span></li></a>
					<a href="javascript:;"><li><p>0</p><span>浏览记录</span></li></a>
				</ul>
			</div>
			<div class="jd-order">
				<div class="order">
					<a href="javascript:;">
						<h3 class="order-left fl">
							<i><img src="img/57147ba3Ne2fccde3.png"></i>
							<span>我的订单</span>
						</h3>
						<div class="order-right fr">全部订单</div>
					</a>
				</div>
				<ul class="clear-fix">
					<a href="javascript:;">
						<li>
							<i>
								<img src="img/57147baaNf2463e54.png">
							</i>
							<span>待付款</span>
						</li>
					</a>
					<a href="javascript:;">
						<li>
							<i><img src="img/57147bb0N365a03ef.png"></i>
							<span>待收货</span>
						</li>
					</a>
					<a href="javascript:;">
						<li>
							<i><img src="img/57147bbbN2cf7ffd7.png"></i>
							<span>退换/售后</span>
						</li>
					</a>
				</ul>
			</div>
			<div class="jd-money">
				<div class="money">
					<a href="javascript:;">
						<h3 class="money-left fl">
							<i><img src="img/57147bc1N111ca2fd.png"></i>
							<span>我的钱包</span>
						</h3>
						<div class="money-right fr"></div>
					</a>
				</div>
				<ul class="clear-fix">
					<a href="javascript:;">
						<li>
							<p>0.0</p>
							<span>账户余额</span>
						</li>
					</a>
					<a href="javascript:;">
						<li>
							<p>0</p>
							<span>优惠券</span>
						</li>
					</a>
					<a href="javascript:;">
						<li>
							<p>0</p>
							<span>京豆</span>
						</li>
					</a>
					<a href="javascript:;">
						<li>
							<p>0</p>
							<span>京东卡/E卡</span>
						</li>
					</a>
				</ul>
			</div>
			<ul class="list-first">
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/58527499N8c4e7286.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								京东白条
							</div>
							<div class="fr list-right">
								<span>白条还款、激活获礼包</span>
								<em></em>
							</div>
						</div>
					</li>
				</a>
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/57147bf1N90443ef3.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								客户服务
							</div>
							<div class="fr list-right">
								<span>返修/退换货、在线客服</span>
								<em></em>
							</div>
						</div>
					</li>
				</a>
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/58173a43Nc71052cf.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								会员plus
							</div>
							<div class="fr list-right">
								<span>PLUS绝密攻略</span>
								<em></em>
							</div>
						</div>
					</li>
				</a>
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/57147c39Nb5ab4575.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								京东会员
							</div>
							<div class="fr list-right">
								<span>会员俱乐部</span>
								<em></em>
							</div>
						</div>
					</li>
				</a>
			</ul>
			<ul class="list-second">
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/58540102N3453f89e.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								京东火车票
							</div>
							<div class="fr list-right">
								<span>来京东轻松抢票</span>
								<em></em>
							</div>
						</div>
					</li>
				</a>
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/57357a49N53361612.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								1元抢宝
							</div>
							<div class="fr list-right">
								<span>1元成就梦想</span>
								<em></em>
							</div>
						</div>
					</li>
				</a>
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/57147c22Nf23121b7.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								我的预约
							</div>
							<div class="fr list-right">
								<em></em>
							</div>
						</div>
					</li>
				</a>
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/57147c18N8d369c56.png"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								我的必购码
							</div>
							<div class="fr list-right">
								<em></em>
							</div>
						</div>
					</li>
				</a>
				<a href="javascript:;">
					<li>
						<div class="list-img fl">
							<img src="img/57147d16N89b377b4.jpg"/>
						</div>
						<div class="list-txt">
							<div class="fl list-left">
								应用推荐
							</div>
							<div class="fr list-right">
								<em></em>
							</div>
						</div>
					</li>
				</a>
			</ul>
			<div class="recommend">
				<span><em></em>为你推荐</span>
				<div class="recommend-line"></div>
			</div>
			<ul class="recommendList clear-fix">
				<li class="fl" v-for="v in recommendJson">
					<a :href="v.href">
						<div>
							<img :src="v.src">
							<span>{{v.info}}</span>
							<span class="price">￥<b>{{v.price}}</b><em>.{{v.priceF}}</em></span>
							<i>看相似</i>
						</div>
					</a>
				</li>
			</ul>
			<a @click="add()" v-show="isShow" href="javascript:;">加载更多内容</a>
			<div v-show="!isShow"><img class="no-more" src="img/no-more.png"></div>
			<div class="fixed-toUp">
				<img src="img/scroll-to-top-icon.png">
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="w100">
			<ol class="footer-menu">
				<li><a href="javascript:;">jd_6a0cb3707a500</a></li>
				<li><a href="javascript:;">退出</a></li>
				<li><a href="javascript:;">反馈</a></li>
				<li><a href="#top">回到顶部</a></li>
			</ol>
		</div>
		<div class="w100 footer-last">
			<ul class="footer-version">
				<li><a class="client" href="javascript:;">客户端</a></li>
				<li><a class="touch active" href="javascript:;">触屏版</a></li>
				<li><a class="pc" href="javascript:;">电脑版</a></li>
			</ul>
		</div>
		<div class="copyright">Copyright © 2004-2017 *** 版权所有</div>
	</div>
</body>
</html>